<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>C.1 选择符表达式 - jQuery快速参考</title>
<style type="text/css">
body { font-size:0.75em; }
table { width:99%; margin:0 auto; border-top:2px solid #000; border-bottom:2px solid #000; border-collapse:collapse; border-spacing:0; }
table th, table td { padding:0.4em 2em; }
table th { border-bottom:1px solid #000; }
</style>
</head>

<body>
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<hr />
<h1>jQuery快速参考</h1>
<h2>C.1 选择符表达式</h2>
<p>jQuery的工厂函数$()用于在页面中查找要操作的元素。这个函数接收一个按照类似CSS语法构成的字符串作为参数，这个字符串参数就就叫选择符表达式。</p>
<h3>C.1.1 简单的CSS选择符</h3>
<table>
  <caption>
  表 C-1
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>*</td>
    <td>所有元素</td>
  </tr>
  <tr>
    <td>#id</td>
    <td>带有给定ID的元素</td>
  </tr>
  <tr>
    <td>element</td>
    <td>给定类型的所有元素</td>
  </tr>
  <tr>
    <td>.class</td>
    <td>带有给定类的所有元素</td>
  </tr>
  <tr>
    <td>a, b</td>
    <td>与a或b匹配的元素</td>
  </tr>
  <tr>
    <td>a b</td>
    <td>作为a后代的b匹配的元素</td>
  </tr>
  <tr>
    <td>a &gt; b</td>
    <td>作为a子元素的b匹配的元素</td>
  </tr>
  <tr>
    <td>a + b</td>
    <td>作为a直接子元素的b匹配的元素</td>
  </tr>
  <tr>
    <td>a ~ b</td>
    <td>作为a同辈的b匹配的元素</td>
  </tr>
</table>
<h3>C.1.2 在同辈元素间定位</h3>
<table>
  <caption>
  表 C-2
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>:nth-child(index)</td>
    <td>作为其父元素第index个子元素的元素（从1开始计数）</td>
  </tr>
  <tr>
    <td>:nth-child(even)</td>
    <td>最为其父元素第偶数个子元素的元素（从1开始计数）</td>
  </tr>
  <tr>
    <td>:nth-child(odd)</td>
    <td>作为其父元素第奇数个子元素的元素（从1开始计数）</td>
  </tr>
  <tr>
    <td>:nth-child(formula)</td>
    <td>作为其父元素第n个子元素的元素（从1开始计数）。formula（公式）的格式为an+b，a、b为整数</td>
  </tr>
  <tr>
    <td>:first-child</td>
    <td>作为其父元素第一个子元素的元素</td>
  </tr>
  <tr>
    <td>:last-child</td>
    <td>作为其父元素最后一个子元素的元素</td>
  </tr>
  <tr>
    <td>:only-child</td>
    <td>作为其父元素唯一一个子元素的元素</td>
  </tr>
</table>
<h3>C.1.3 在匹配的元素间定位</h3>
<table>
  <caption>
  表 C-3
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>:first</td>
    <td>结果集中的第一个元素</td>
  </tr>
  <tr>
    <td>:last</td>
    <td>结果集中的最后一个元素</td>
  </tr>
  <tr>
    <td>:not(a)</td>
    <td>结果集中与a不匹配的所有元素</td>
  </tr>
  <tr>
    <td>:even</td>
    <td>结果集中的偶数元素（从0开始计数）</td>
  </tr>
  <tr>
    <td>:odd</td>
    <td>结果集中的技术员数（从0开始计数）</td>
  </tr>
  <tr>
    <td>:eq(index)</td>
    <td>结果集中索引为index的元素（从0开始计数）</td>
  </tr>
  <tr>
    <td>:gt(index)</td>
    <td>结果集中所有位于给定元素之后（大于该索引）的元素（从0开始计数）</td>
  </tr>
  <tr>
    <td>:lg(index)</td>
    <td>结果集中所有位于给定元素之前（小于该索引）的元素（从0开始计数）</td>
  </tr>
</table>
<h3>C.1.4 属性</h3>
<table>
  <caption>
  表 C-4
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>[attr]</td>
    <td>带有属性attr的元素</td>
  </tr>
  <tr>
    <td>[attr=&quot;value&quot;]</td>
    <td>attr属性的值为value的元素</td>
  </tr>
  <tr>
    <td>[attr!=&quot;value&quot;]</td>
    <td>attr属性的值不为value的元素</td>
  </tr>
  <tr>
    <td>[attr^=&quot;value&quot;]</td>
    <td>attr属性的值以value开头的元素</td>
  </tr>
  <tr>
    <td>[attr$=&quot;value&quot;]</td>
    <td>attr属性的值以value结尾的元素</td>
  </tr>
  <tr>
    <td>[attr*=&quot;value&quot;]</td>
    <td>attr属性的值包含子字符串value的元素</td>
  </tr>
  <tr>
    <td>[attr~=&quot;value&quot;]</td>
    <td>attr属性的值是空格分隔的多个字符串，其中一个字符串的值为value的元素</td>
  </tr>
  <tr>
    <td>[attr|=&quot;value&quot;]</td>
    <td>attr属性的值等于value或者以value开头后跟一个连字符的元素</td>
  </tr>
</table>
<h3>C.1.5 表单</h3>
<table>
  <caption>
  表 C-5
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>:input</td>
    <td>所有&lt;input&gt;、&lt;select&gt;、&lt;textarea&gt;和&lt;button&gt;元素</td>
  </tr>
  <tr>
    <td>:text</td>
    <td>type=&quot;text&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:password</td>
    <td>type=&quot;password&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:file</td>
    <td>type=&quot;file&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:radio</td>
    <td>type=&quot;radio&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:checkbox</td>
    <td>type=&quot;checkbox&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:submit</td>
    <td>type=&quot;submit&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:image</td>
    <td>type=&quot;image&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:reset</td>
    <td>type=&quot;reset&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:button</td>
    <td>type=&quot;button&quot;的&lt;input&gt;元素</td>
  </tr>
  <tr>
    <td>:enabled</td>
    <td>启用的表单元素</td>
  </tr>
  <tr>
    <td>:disabled</td>
    <td>禁用的表单元素</td>
  </tr>
  <tr>
    <td>:checked</td>
    <td>选中的复选框和单选按钮元素</td>
  </tr>
  <tr>
    <td>:selected</td>
    <td>选中的&lt;option&gt;元素</td>
  </tr>
</table>
<h3>C.1.6 其他自定义选择符</h3>
<table>
  <caption>
  表 C-6
  </caption>
  <tr>
    <th scope="col">选择符</th>
    <th scope="col">匹配</th>
  </tr>
  <tr>
    <td>:header</td>
    <td>标题元素（如&lt;h1&gt;&lt;h2&gt;）</td>
  </tr>
  <tr>
    <td>:animated</td>
    <td>其动画正在播放的元素</td>
  </tr>
  <tr>
    <td>:contains(text)</td>
    <td>包含给定文本text的元素</td>
  </tr>
  <tr>
    <td>:empty</td>
    <td>不包含子节点的元素</td>
  </tr>
  <tr>
    <td>:has(a)</td>
    <td>后台元素中至少有一个与a匹配的元素</td>
  </tr>
  <tr>
    <td>:parent</td>
    <td>包含子节点的元素</td>
  </tr>
  <tr>
    <td>:hidden</td>
    <td>隐藏的元素，包括通过CSS隐藏的元素及&lt;input type=&quot;hidden&quot; /&gt;</td>
  </tr>
  <tr>
    <td>:visible</td>
    <td>与:hidden匹配的元素相反</td>
  </tr>
  <tr>
    <td>:focus</td>
    <td>获取键盘焦点元素</td>
  </tr>
</table>
<hr />
<h3>jQuery快速参考（索引）</h3>
<ul>
  <li><a href="./jq_n1.html">C.1 选择符表达式</a></li>
  <li><a href="./jq_n2.html">C.2 DOM遍历方法</a></li>
  <li><a href="./jq_n3.html">C.3 事件方法</a></li>
  <li><a href="./jq_n4.html">C.4 效果方法</a></li>
  <li><a href="./jq_n5.html">C.5 DOM操作方法</a></li>
  <li><a href="./jq_n6.html">C.6 AJAX方法</a></li>
  <li><a href="./jq_n7.html">C.7 延迟方法</a></li>
  <li><a href="./jq_n8.html">C.8 其他方法</a></li>
</ul>
<p>本内容收集自《jQuery基础教程<sup style="font-size:0.5em;">（第三版）</sup>》，仅自用，禁止发布与公开！</p>
</body>
</html>
